$border: 1px solid var(--el-border-color-light);

/* el-dialog */
.el-dialog {
  padding: 0 !important;

  .el-dialog__header {
    padding: 15px 20px;
    margin: 0;
    border-bottom: $border;
  }

  .el-dialog__body {
    padding: 20px;
  }

  .el-dialog__footer {
    padding: 15px;
    border-top: $border;
  }
}

/** el-drawer */
.el-drawer {
  .el-drawer__header {
    padding: 15px 20px;
    margin: 0;
    color: inherit;
    border-bottom: $border;
  }

  .el-drawer__body {
    padding: 20px;
  }

  .el-drawer__footer {
    padding: 15px;
    border-top: $border;
  }
}

// 抽屉和对话框底部按钮区域
.dialog-footer {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.el-table {
  // --el-table-header-cell-bg: #f5f7fa;
  // --el-table-header-cell-color: #333;
  // --el-table-row-bg: #fff;
  // --el-table-row-color: #333;
  // --el-table-cell-padding: 12px 8px;
  // --el-table-cell-color: #333;
  // --el-table-cell-font-size: 14px;

  --el-table-header-cell-bg: #6688ae;
  --el-table-header-cell-color: #f0f4f7;
  --el-table-header-cell-padding: 0px 0px 0px 0px;
  --el-table-row-bg: #eaeaea;
  --el-table-row-color: #464646;
  --el-table-row-height: 20px;
  --el-table-row-padding: 0px 0px 0px 0px;
  // --el-table-cell-color: #000;
  --el-table-cell-font-size: 14px;
  --el-table-cell-line-height: 14px;
  // 修改行的背景色和字体色
  // --table-edit-row-correct-bg: #ddffdd;
  // --table-edit-row-correct-color: #8395b4;
  // --table-edit-row-error-bg: #ffd0d0;
  // --table-edit-row-error-color: #8395b4;

  // width: 100% !important;

  .el-table__header {
    // width: 100% !important;
    .el-table__cell {
      background-color: var(--el-table-header-cell-bg) !important;
      color: var(--el-table-header-cell-color);
      padding: 2px 0px 2px 10px !important;
    }
  }

  .el-table__row {
    // width: 100% !important;
    .el-table__cell {
      background-color: var(--el-table-row-bg);
      color: var(--el-table-row-color);
      font-size: var(--el-table-cell-font-size);
      // height: var(--el-table-row-height);
      padding: 1px 0px 1px 8px !important;
      line-height: var(--el-table-row-height) !important;
    }
  }
}

.el-menu {
  // 修改 item-height 为 36px
  --el-menu-item-height: 36px;
  --el-menu-sub-item-height: 30px;
}
